<template>
	<view class="clearfix pad50B pad10">
		<uni-row>
			<uni-col :span="24">
				名称: {{shopDetail.facilitatorName}}
			</uni-col>
		</uni-row>
		<uni-row>
			<uni-col :span="24">
				地址: {{shopDetail.address}}
			</uni-col>
		</uni-row>
		<uni-row>
			<uni-col :span="16">
				电话: {{shopDetail.mobile}}
			</uni-col>
			<uni-col :span="8">
				<button class="btn-red" type="primary" @click="makeCall">拨打</button>
			</uni-col>
		</uni-row>
		<uni-row>
			<uni-col :span="24">
				{{shopDetail.meterNode}}
			</uni-col>
		</uni-row>
		<uni-row>
			<view class="line"></view>
			<!-- <uni-col :span="24">
				<uni-card :isShadow="true">
					<view v-html="shopDetail.note"></view>
				</uni-card>
			</uni-col> -->
			<view v-html="shopDetail.note"></view>
		</uni-row>

		<div class="clearfix bottom-btn">
			<button class="btn-red btn-radius-no" type="primary" @click="daoh">导航</button>
		</div>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				shopDetail: uni.getStorageSync("shopDetail")
			}
		},
		methods: {
			daoh() {
				uni.openLocation({
					latitude: this.shopDetail.latitudes,
					longitude: this.shopDetail.longitudes,
					success: function() {
						console.log('success');
					}
				});
			},

			makeCall() {
				uni.makePhoneCall({
					phoneNumber: this.shopDetail.mobile
				});
			},
		}
	}
</script>

<style>
.line{
    width: 100%;    /* 分隔线的长度 */
    margin: auto;
    height: 1px;    /* 分隔线粗细 */
    text-align: center;
    font-size: 24rpx;
    color: #aaa;
    background: #ccc;
    margin-top: 10px;
    margin-bottom: 10px;
}

</style>
